<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="票务,演出订票" name="keywords">
<meta content="【永乐票务】票务网提供最新、最全月演出信息，包括演唱会，音乐会，歌剧、话剧、体育、儿童剧等演出订票，方便您在线订演出票，您最佳的票务中心。" name="description">
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<!-- 引入公共css资源 -->
<%include("/common/head.html",{}){}%>
<title>【票务演出票务演出订票票务网】_永乐票务_支付确认页_去支付</title>
<link type="text/css" href="${staticPath}/css/order/order.css" rel="stylesheet">
<script type="text/javascript" src="${staticPath}/js/order/jquery-1.7.2.js"></script>
<script type="text/javascript" src="${staticPath}/js/order/public-min.js"></script>
<script type="text/javascript" src="${staticPath}/js/order/buyProcess.js"></script>
<script type="text/javascript" src="${staticPath}/js/order/orderBuyNow.js"></script>
</head>
<body>
	<!-- 引入 top导航条 -->
	<div id="top_ajax" class="top-w"></div>
	<!-- 引入搜索框 -->
	<%include("/common/search.html",{}){}%>
	<!-- 引入菜单导航 -->
	<%include("/common/navPro.html",{}){}%>
	<!--<script type="text/javascript" src="${staticPath}/js/top_ajax.js${version}"></script>  -->
	<input type="hidden" id="run1" value=""/><!--采购信息 -->
	<input type="hidden" name="onlinetime" id="onlinetime" value="${onlinetime}"/><!-- 最后支付时间 -->
	<input type="hidden" name="isPayFlag" id="isPayFlag" value="${isPayFlag}"/><!-- 商品是否可以支付 0不可以 1为可以 -->
	<input type="hidden" id="customerId"  value="${customer.customersId}"/> 
	<form id="payForm" action="http://pay.228.com.cn/pay/doTrade.do" method="get" target="_blank">
		<input type="hidden" name="payment_id" id="payment_id" value="${orderspay.PAYMENTID}"/><!--支付ID -->
		<input type="hidden" name="branch_name" id="branch_name" value="${product.csjx}"/><!--分站简称 -->
		<input type="hidden" name="channel_code" id="channel_code" value="web"/><!--渠道 -->
		<input type="hidden" name="yfb_pay_code" id="yfb_pay_code" value="0"/><!--永乐支付ID -->
		<input type="hidden" name="return_url" id="return_url" value="${ylpwpath}/pay/paysucc.html?"/><!--返回地址 -->
		<input type="hidden" name="out_order_no" id="out_order_no" value="${orderspay.ORDERSID}"/><!--外部流水号 -->
		<input type="hidden" name="subject" id="subject" value="${productNames}"/><!--商品标题-->
		<input type="hidden" name="body" id="body" value="${productNames}"/><!--商品描述-->
		<input type="hidden" name="show_url" id="show_url" value="${s228Path}/ticket-${product.productId}.html"/><!--商品地址 -->
		<input type="hidden" name="total_fee" id="total_fee" value="${orderspay.NZPRICE}"/><!--采购信息 -->
		<input type="hidden" name="expire_time" id="expire_time" value="${onlinetime}"/><!--超时时间 -->
		<input type="hidden" name="create_time" id="create_time" value="${orderspay.CREATETIME}"/><!--创建时间 -->
		<input type="hidden" name="error_url" id="error_url" value="${path}/nqt/common/error"/><!--错误地址 -->
		<input type="hidden" name="sign" id="sign" value="0"/><!--错误地址 -->
		
		<input type="hidden" name="bank_cardno" id="bankcardno" value="0"/>
		<input type="hidden" name="verifyCode" id="verifycode" value="0"/>
		</form>
		<div class="orderSure">
			<div class="buyCar-hedpic">
				<p style="display:none;">
					<img src="http://static.228.com.cn/resources/images/pay-1.jpg">
				</p>
				<p>
					<img src="http://static.228.com.cn/resources/images/pay-2.jpg">
				</p>
			</div>
			<table class="payCenter-ordertab">
				<tbody>
					<tr>
						<td width="160" class="fw pl20" style="text-align:left;">单号：${orderspay.ORDERSID}</td>
						<td width="520" style="text-align:left;">
							${names}
						</td>
						<td width="140" class="payCenter-ordertab-send">
							<%if(orderspay.PSXX == 1){%>快递配送<%}%>
							<%if(orderspay.PSXX == 2){%>上门自取<%}%>
							<%if(orderspay.PSXX == 4){%>电子票<%}%>
						</td>
						<td width="220">应付金额：<span id="nzPrice" class="payCenter-submit-btn-ulbsp2"> ${orderspay.FKPRICE}</span>元</td>
					</tr>
					<tr>
						<td colspan="4"
							style="background-color:#fff;height:1px;overflow:hidden;"></td>
					</tr>
				</tbody>
			</table>
		<%if(onlinetime != null && isPayFlag == 1){%>
		<div class="payNew-come clearfloat" id="order_succeed">
			 <div class="payNew-come-lef">
			 	<p>温馨提示：订单提交成功，请您务必在 <span class="payNew-come-lef-number">
			 	<%if(paylimittime != null  && paylimittime != 0 && orderspay.TYPE == 0){%>
			 	${paylimittime}分钟内
			 	<%}else{%>		
			 	15分钟内
			 	<%}%>		
			 	</span> 完成支付，否则您的订单将自动取消！</p>
		 	</div>
		 	<div class="payNew-come-rig">
			  	<span class="payNew-come-rig-sp1">支付倒计时</span>
			  	<span class="payNew-come-rig-sp2"></span>
		 	</div>
		 	<div class="payNew-conts-showa-dotup"></div>
		</div>
		<%}%>
		<!-- 支付后返回数据信息 start -->
	<div class="payNew-back-info clearfloat undb" id="pay_lose">
		<div class="payNew-back-info-img"><s></s></div>
		<ul>
			<li class="red font-yh f18">未支付成功！</li>
			<li class="mt5">
			   <p>很抱歉！系统没有收到您的到款信息，您可以选择其他支付方式继续支付！</p>
			   <p>如您确实已经支付过票款（可能会有支付延迟，请先尝试刷新）、或有其他疑问，请致电 <span class="red">4006-228-228</span> 咨询！</p>
			</li>
		</ul>
		<div class="payNew-back-info-dot"></div>
	</div>
	<!-- 支付后返回数据信息 end -->
	
	<!-- 支付时间已经结束 start -->
	
	<div class="payNew-back-info clearfloat undb" id="pay_time_over">
		<div class="payNew-back-info-over"><s></s></div>
		<ul>
			<li class="red font-yh f18">支付时间已结束！</li>
			<li class="mt5">
			   <p>如您正在支付过程中，请不要着急，您的订单将被保留 5 分钟。</p>
			   <p>如5 分钟后还没有收到您的付款信息，此订单将会自动取消！</p>
			</li>
			<li class="mt10">
				<span>查看</span><span class="ml5"><a href="${ylpwpath}/personorders/myOrderDetail?orderids=${orderspay.ORDERSID }" class="blue">订单详情</a></span>
			</li>
		</ul>
		<div class="payNew-back-info-dot"></div>
	</div>
	<!-- 支付时间已经结束 end -->
	<!-- 支付列表start -->
			<div class="payNew-all">
				<div class="payNew-head">
					<p>选择支付方式</p>
				</div>
				<div class="payNew-all-block">
					<div class="payNew-style clearfix">
						<ul class="payNew-style-right" id="zidTabs" >
							<%if(cyberBankList != null && cyberBankList.~size != 0){%>
							<li tid="#idTab1" genre="1" tp="网上银行" name="pay_class" style="position:relative;zoom:1;overflow:visible;_overflow:hidden;">网上银行</li>
							<%}%>
							<%if(thirdPayList != null && thirdPayList.~size != 0){%>
							<li tid="#idTab2" genre="2" tp="在线支付" name="pay_class" style="position:relative;zoom:1;overflow:visible;_overflow:hidden;">支付平台</li>
							<%}%>
							<!--<li tid="#idTab3" genre="3" tp="乐通卡" name="pay_class"  id="ltk">乐通卡</li>
							<li tid="#idTab4" genre="4" tp="银行转账" name="pay_class"  >银行转账</li>  -->
						</ul>
					</div>
					<div class="payNew-conts" >
						<div class="payNew-conts-show" id="payNew-conts-show">
							<%if(cyberBankList != null && cyberBankList.~size != 0){%>
							<div class="payNew-conts-showa">
							   <ul>
							   	<%for(cyberBank in cyberBankList){%>
							   	<li>
							   		<input type="radio" name="bank" value="${cyberBank.pay_discountDetailId}" id="pay_${cyberBank.pay_code}"/>
							   		<label for="pay_${cyberBank.pay_code}">
							   		<img src="${cyberBank.picture_url}" title="${cyberBank.pay_type}" width="121" height="40" />
							   		</label>
							   	</li>
							   	<%}%>	
							   </ul>
							</div>
							<%}%>	
							<%if(thirdPayList != null && thirdPayList.~size != 0){%>
							<div class="payNew-conts-showa undb">
								<ul>
								<%for(thirdPay in thirdPayList){%>
									<li>
										<input type="radio" name="bank" value="${thirdPay.pay_discountDetailId}" id="pay_${thirdPay.pay_code}">
										<label for="pay_${thirdPay.pay_code}">
										<img src="${thirdPay.picture_url}" title="${thirdPay.pay_type}" width="121" height="40" />
										</label>
									</li>
								<%}%>
							   	</ul>
								<div class="payNew-conts-showa-dot" style="display:none;"></div>
							</div>
							<%}%>					
						</div>
					</div>
				</div>
		<div class="payNew-conts-showb clearfloat">
			<div class="payNew-conts-showb-rig">
			<table>
			<tbody><tr>
			<td valign="top">
				<a href="javascript:void(0);" class="payNew-btn-no" ></a>
			</td>
			</tr>
			</tbody></table>
			</div>
			</div>
		</div>
		<!-- 支付列表end -->
		</div>
<!-- 浦发银行弹出层 start -->
<div class="blackbox" id="blackBox">
	<div id="pfBox" class="pfbank" style="display:none;">
		<a herf="javascrit:;" class="pfclosed-btn"></a>
		<!-- 协议页面 -->
		<div class="agreement-box common" id="agreementBox">
			<h2 class="agbox-title">上海浦东发展银行信用卡中心网关快捷支付业务客户服务协议</h2>
			<div class="agbox-con">
				<p>为明确双方的权利和义务，规范双方业务行为，甲方（持卡人）、乙方（上海浦东发展银行股份有限公司信用卡中心）本着平等互利的原则，就浦发信用卡快捷支付业务相关事宜达成本协议，以资共同遵守。</p>
				<p><strong>第一条 业务定义</strong></p>
				<p>下列用语在本协议中的含义为：<br/>
				“浦发信用卡快捷支付”指甲方已开通乙方信用卡网上支付的前提下，建立指定信用卡与乙方的签约关系，以指定信用卡为支付凭证，凭动态密码等验证要素在乙方合作商户网站、移动端、门店等渠道上完成资金划转的一种支付方式。<br/>
				“浦发信用卡快捷支付”的签约和使用渠道包括：计算机、移动终端等。<br/>
				“手机号码”指甲方在申请乙方信用卡时在乙方系统中预留的通知手机号码。<br/>
				</p>
				<p><strong>第二条 权利和义务</strong></p>
				<p>一、甲方应确保用于“浦发信用卡快捷支付”签约的信用卡为本人所有，保证在签约过程中提供的信息真实、准确、有效，确保支付行为合法并未侵犯任何第三方合法权益，否则因此造成乙方及其他第三人损失的，由甲方负责赔偿并承担全部法律责任。</p>
				<p>二、甲方在首次使用“浦发信用卡快捷支付”时，需提供以下信息用于身份验证，包括但不限于信用卡卡号、信用卡CVV2、手机动态验证码等，并同意将指定信用卡卡号与乙方建立签约关系。乙方保留变更上述信息作为验证标准的权利。</p>
				<p>三、“浦发信用卡快捷支付”签约成功后，甲方凭动态密码及辅助验证要素（由乙方确定）提交交易指令，乙方按交易指令从甲方签约信用卡上扣划资金。</p>
				<p>四、甲方应妥善保管信用卡卡号、信用卡有效期、信用卡CVV2、与之相关的证件类型及证件号码、手机号码、固定电话、通信地址等相关信息，如遗失信用卡或泄露上述相关信息，甲方应及时通知乙方并办理挂失或销户等相关手续，减少可能发生的损失。挂失或销户前的损失，以及非乙方原因泄露密码（包括但不限于信用卡查询密码、交易密码和手机动态密码等）、丢失信用卡等所致损失，由甲方自行承担。</p>
				<p>五、甲方不得利用“浦发信用卡快捷支付”业务进行套现、虚假交易、洗钱等行为，甲方有义务配合乙方进行相关调查。如若甲方拒绝配合进行相关调查或乙方认为存在或涉嫌虚假交易、洗钱、套现或任何其他非法活动、欺诈或违反诚信原则的行为、或违反本协议约定的，乙方有权采取以下一种、多种或全部措施：</p>
				<p>（1）暂停或终止提供本协议项下浦发信用卡快捷支付服务；</p>
				<p>（2）解除本协议；</p>
				<p>（3）对甲方签约信用卡（账户）进行中止支付处理。若因甲方的前述行为而给乙方造成损失的，甲方应负责赔偿并承担全部法律责任。</p>
				<p>六、乙方若因以下原因未执行甲方提交的交易指令，无须承担任何责任：</p>
				<p>（1）甲方签约信用卡信用额度不足。</p>
				<p>（2）甲方签约信用卡卡片状态异常。</p>
				<p>（3）甲方未能按照乙方的有关规定正确操作。</p>
				<p>（4）甲方的行为出于欺诈或其他非法目的。</p>
				<p><strong>第三条 不可抗力</strong></p>
				<p>对于由于乙方可控制范围以外的不可抗力因素（包括但不限于自然灾害、意外事故、战争系统故障、通讯故障等）以及监管部门政策变化等造成乙方无法或延后履行本协议的有关义务的，乙方不承担责任。</p>
				<p><strong>第四条 法律适用条款</strong></p>
				<p>本协议的成立、生效、履行、解释，均适用中华人民共和国法律（为本协议之目的，在此不包括香港特别行政区、澳门特别行政区和台湾地区法律）；法律无明文规定的，可适用通行的金融惯例。</p>
				<p>本协议是乙方的其他既有协议和约定的补充而非替代文件，如本协议与其他既有协议和约定有冲突，应以本协议为准。</p>
				<p><strong>第五条 差错和争议的解决</strong></p>
				<p>乙方仅为甲方提供安全可靠的支付结算服务，依据甲方提交的交易指令实施资金扣划。对于因购买商品或服务而产生的一切关于商品、服务及费用扣收的争议均由甲方与商户自行协商解决，乙方对此不承担任何责任。</p>
				<p>双方在履行本协议的过程中，如发生争议，应尽量协商解决。协商不成的，任何一方均应向乙方所在地有管辖权的人民法院提起诉讼。</p>
				<p><strong>第六条 协议的终止</strong></p>
				<p>乙方提供的服务受甲方签约信用卡状态的制约，如该卡由于挂失、止付、有效期到期等原因不能正常使用，相关服务自动中止。甲方签约信用卡（账户）状态恢复正常时，乙方重新提供相应服务。若甲方签约信用卡因换卡等原因发生卡号变更，则相关服务自动中止。如需延续服务，甲方须使用新卡号进行注册签约。</p>
				<p><strong>第七条 协议的效力和生效</strong></p>
				<p>本协议自甲方确认接受时刻即告成立并生效。</p>
				<p>乙方有权变更、暂停本协议项下浦发信用卡快捷支付业务服务，有权修改、终止本协议，并于执行前通过乙方网站或其他任何形式进行公告。相关公告一经发布即视为甲方已收到。甲方在乙方公告后继续办理浦发信用卡快捷支付业务的，视同已接受有关本协议、浦发信用卡快捷支付业务服务修改、变更的内容。</p>
				<p><strong>第八条 其他</strong></p>
				<p>本协议条款及其未尽事宜，仍同时受《上海浦东发展银行信用卡（个人卡）章程》与相关领用合约等文件约束。甲乙双方确认，在签署本协议前，已就全部条款进行了详细地说明和讨论，双方对合同的全部条款均无疑义，并对协议涉及的权利义务、责任限制及免责条款的法律含义有了准确无误的理解。</p>
			</div>
			<div class="radio-box">
				<span><input type="radio" checked="checked" name="agreement" value="1" id="agreementBtn"/>同意</span>
				<span><input type="radio" name="agreement" value="0"/>不同意</span>
			</div>
			<a href="javascript:;" class="agbox-sure-btn" id="firstSure">确认</a>
		</div>
		
		<!-- 签约引导页 -->
		<div class="qianyuebox common" id="qianyueBox" style="display:none;">
			<h1>您是否已签约支付？</h1>
			<p class="qy-p">
				<a href="javascript:;" class="qy-linka">已签约</a>
				<span>签约后无需输入更多信息，更方便更快捷</span>
			</p>
			<p class="qy-p">
				<a href="javascript:;" class="qy-linkb">未签约</a>
				<span>未签约用户需要填写银行信息</span>
			</p>
		</div>
		
		<!-- 已签约 -->
		<div class="no-surpotbox common" id="surpotbox" style="display:none;">
			<h2 class="no-surh2">
				<span>填写银行信息</span>
			</h2>
			<p class="no-surp">
				<label>银行卡号:</label>
				<input type="text" class="telinput" id="banknum" readonly="readonly" style="color:#999"/>
				<span class="errortext" id="errortext"></span>
			</p>
			<p class="no-surp">
				<label>验证码:</label>
				<input type="text" class="yzminput" value="验证码" id="yzmBox" onfocus="if(value=='验证码'){value='';this.style.color='#000'}" onblur="if(!value){value='验证码';this.style.color='#999'}" style="color:#999999"/>
				<input type="text" class="yzmbox" value="获取验证码" id="btn"/>
				<span class="errortext" id="errortext1"></span>
			</p>
			<p class="no-surp">若您不符合优惠条件将按订单全款扣除，优惠活动数量有限，先到先得</p>
			<p class="no-surpp">
				<a href="javascript:;" class="no-submit-btn" id="submitBtn">提交</a>
				<a href="javascript:;" class="no-close-btn">关闭</a>
				<a href="javascript:;" class="no-remove-btn">解除合约</a>
			</p>
		</div>
		<!-- 未签约 -->
		<div class="no-surpotbox common" id="no-surpotbox" style="display:none;">
			<h2 class="no-surh2">
				<span>填写银行信息</span>
			</h2>
			<p class="no-surp">
				<label>银行卡号:</label>
				<input type="text" class="telinput" id="banknumber" value="请填写浦发银行信用卡卡号" onfocus="if(value=='请填写浦发银行信用卡卡号'){value='';this.style.color='#000'}" onblur="if(!value){value='请填写浦发银行信用卡卡号';this.style.color='#999'}" style="color:#999999"/>
				<span class="errortext" id="errortext2"></span>
			</p>
			<p class="no-surp">
				<label>CVV2:</label>
				<input type="password" class="telinput" id="cvv2box" value="" style="color:#999999"/>
				<span class="errortext" id="errortext3"></span>
			</p>
			<!-- 
			<p class="no-surp">
				<label>手机号:</label>
				<input type="text" class="telinput" id="telnumber" value="请填写银行预留手机号" onfocus="if(value=='请填写银行预留手机号'){value='';this.style.color='#000'}" onblur="if(!value){value='请填写银行预留手机号';this.style.color='#999'}" style="color:#999999"/>
				<span class="errortext" id="errortext4"></span>
			</p>
			 -->
			<p class="no-surp">
				<label>验证码:</label>
				<input type="text" class="yzminput" id="yanzhengma" value="验证码" onfocus="if(value=='验证码'){value='';this.style.color='#000'}" onblur="if(!value){value='验证码';this.style.color='#999'}" style="color:#999999"/>
				<input type="text" class="yzmbox" value="获取验证码" id="btn1"/>
				<span class="errortext" id="errortext5"></span>
			</p>
			<p class="no-surp">请按要求填写真实信息，若您不符合优惠条件将按订单全款扣除，优惠活动数量有限，先到先得</p>
			<p class="no-surpp">
				<a href="javascript:;" class="no-submit-btn" id="noSubmitBtn">提交</a>
				<a href="javascript:;" class="no-close-btn">关闭</a> 
			</p>
		</div>
		
		<!-- 未签约提示 -->
		<div class="hint-box common" id="noHint" style="display:none;">
			<h2>您还未签约，请填写支付信息</h2>
			<p>
				<span>(5s)后自动跳转</span>
				<a href="#" class="writebtn" id="nowriteBox">填写</a>
			</p>
		</div>
		
		<!-- 解除签约 -->
		<div class="no-surpotbox common" id="jieyueBox" style="display:none;">
			<h2 class="no-surh2">
				<span>解除验证</span>
			</h2>
			<p class="no-surp">
				<label>银行卡号:</label>
				<input type="text" class="telinput" id="banknumb" value="请填写浦发银行信用卡卡号" onfocus="if(value=='请填写浦发银行信用卡卡号'){value='';this.style.color='#000'}" onblur="if(!value){value='请填写浦发银行信用卡卡号';this.style.color='#999'}" style="color:#999999"/>
				<span class="errortext" id="errortext6"></span>
			</p>
			<p class="no-surp">
				<label>CVV2:</label>
				<input type="password" class="telinput" id="telinput1" value="卡背后签名栏后3位数字" onfocus="if(value=='卡背后签名栏后3位数字'){value='';this.style.color='#000'}" onblur="if(!value){value='卡背后签名栏后3位数字';this.style.color='#999'}" style="color:#999999"/>
				<span class="errortext" id="errortext7"></span>
			</p>
			<p class="no-surp">解除签约后，您购买商品后需要输入更多银行信息</p>
			<p class="no-surpp">
				<a href="javascript:;" class="no-submit-btn" id="nosubMit">解除签约</a>
				<a href="javascript:;" class="no-close-btn">取消</a> 
			</p>
		</div>
		
		<!-- 解除签约成功 -->
		<div class="hint-box common" id="hintBox" style="display:none;">
			<h2>解除签约成功！</h2>
			<p>
				(<span id="timer">5</span>s)后自动跳转</span>
				<a href="javascript:;" onclick="refresh();" class="writebtn">关闭</a>
			</p>
		</div>
		
		<!--信息错误  -->
		<div class="hint-box common" id="messageBox" style="display:none;width:230px;">
			<h2>您填写的信息不正确,请重新核对</h2>
			<p>
				(<span id="timer1"></span>s)后自动跳转</span>
				<a href="javascript:;" onclick="infoError();" class="writebtn" >填写</a>
			</p>
		</div>
		
	</div>
</div>
<!-- 浦发银行弹出层 end-->
<!-- 支付弹出层 -->
<div class="productnew-login undb" id="payCenter-box" style="height: 280px; width: 475px; position: fixed; z-index: 5110; left: 449px; top: 100px;">
	<div class="productnew-noticket-head clearfloat">
		<p class="productnew-noticket-heada">支付中心</p>
	</div>
	<ul class="payCenter-boxul">
		<li class="payCenter-boxula">请在新打开的页面上完成付款 ~</li>
		<li class="payCenter-boxulb">付款完成前请不要关闭此窗口</li>
		<li class="payCenter-boxulc">完成付款后请根据您的情况点击下面的按钮</li>
	</ul>
	<div class="payCenter-boxul-btns clearfloat">
		<a href="${ylpwpath}/personorders/myOrderDetail?orderids=${orderspay.ORDERSID}" class="payCenter-box-btn1"></a>
		<a href="${path}/payNew/toPay.html?orderId=${orderspay.ORDERSID}" class="payCenter-box-btn2"></a>
	</div>
	<p class="payCenter-others">
		<a href="${path}/payNew/toPay.html?orderId=${orderspay.ORDERSID}" class="close-other c5">返回选择其他支付方式</a>
	</p>
</div>
<!-- 遮罩灰层 -->
<div id="pageOverlays" class="pageOverlays" style="display:none;position: absolute; top: 0px; left: 0px; z-index: 5100; width: 100%; height: 1480px; opacity: 0.3; overflow: hidden; background-color: rgb(51, 51, 51);"></div>
<script type="text/javascript">
	window.onload=function(){
		var W=document.documentElement.clientWidth||document.body.clientWidth;
		var H=document.documentElement.offsetHeight||document.body.offsetHeight;
		var radioBank=document.getElementById("pay_400");
		var blackBox=document.getElementById("blackBox");
		var innerBox=document.getElementById("pfBox");
		var h=innerBox.offsetHeight;
		var firstSure=document.getElementById("firstSure");
		var agreementBtn=document.getElementById("agreementBtn");
		var qianyueBox=document.getElementById("qianyuebox");
		var agreementBox=document.getElementById("agreement-box");
		
		if(H<1000){
			H=H+1550;
		}
		radioBank.onclick=function(){
			$("#payId").val("");
			//默认不选中单选框
			radioBank.checked=false;
			blackBox.style.width='100%';
			blackBox.style.height=H+"px";
			blackBox.style.display='block';
			innerBox.style.top=(H-300)/2+"px";//获取弹出层的top值
			innerBox.style.left=(W-494)/2+"px";//获取弹出层的left值
			innerBox.style.display='block'; 
			$(".pfclosed-btn").click(function(){
				$(".blackbox").hide();//最外层黑色半透明层隐藏
			});
			firstSure.onclick = function(){//判断radio是否为选中
				var checked = agreementBtn.checked;
				if(!checked){
					$(".blackbox").hide();
				}else{
				//查询是否永乐用户是否有绑定浦发卡
				var customerId = $("#customerId").val();
				var url = "${path}/ajax/getCardno?customerId="+customerId;
				$.ajax({
					type:"post",
					url:url,
					async: false,
					dataType:"text",
					jsonp: "callback",
					success:function(data){
						//用户绑定了浦发卡
						if(data){
						$("#bankcardno").val(data);
						var showcardno = card_style(data);
						$("#banknum").val(showcardno); //已签约银行卡号框
						$("#banknumb").val(showcardno); //未签约银行卡号框
						$("#agreementBox").hide();//当前显示box的关闭
						$("#surpotbox").show();//已签约盒子显示	
						}else{//用户未绑定浦发卡
						$("#agreementBox").hide();//当前显示box的关闭
						$("#no-surpotbox").show();//未签约盒子出现
						}
					},
					error:function(){
						$("#agreementBox").hide();//当前显示box的关闭
						$("#no-surpotbox").show();//未签约盒子出现
					}
					});					
					
				}
			};
			$(".pfbank div.common").hide();//所有内容隐藏
			$(".pfbank div.common").eq(0).show();//每次都是第一个页面显示
			$(".qy-linka").click(function(){//点击已签约按钮
				$(".qianyuebox").hide();//当前显示box的关闭
				$("#surpotbox").show();//已签约盒子显示	
			});
			$(".no-close-btn").click(function(){//点击关闭、取消按钮
				$(".blackbox").hide();//最外层黑色半透明层隐藏
			});	
			$(".no-remove-btn").click(function(){//点解解除合约按钮
				$("#surpotbox").hide();//当前显示box的关闭
				$("#jieyueBox").show();//解除签约盒子出现
			});
			$(".no-close-btn").click(function(){//点击关闭、取消按钮
					$(".qianyuebox").hide();//当前盒子关闭
			});				
			$(".qy-linkb").click(function(){//点击未签约按钮
				$(".qianyuebox").hide();//当前显示box的关闭
				$("#no-surpotbox").show();//未签约盒子出现
			});
			
			//银行卡号非空校验
			var text=document.getElementById("banknum");
			var errorBox=document.getElementById("errortext");
			text.onclick=function(){
				if(text.value==''){
					errorBox.innerHTML='请输入卡号';
					return false;
				}
			};
			//验证码非空校验
			var yanzheng=document.getElementById("yzmBox");
			var errorBox1=document.getElementById("errortext1");
			yanzheng.onclick=function(){
				if(yanzheng.value==''){
					errorBox1.innerHTML='请输入验证码';
					return false;
				}
			};
			//未签约银行卡号非空校验
			var banknumber=document.getElementById("banknumber");
			var errorBox2=document.getElementById("errortext2");
			banknumber.onclick=function(){
				if(banknumber.value==''){
					errorBox2.innerHTML='请输入卡号';
					return false;
				}
			};
			$("#banknumber").blur(function(){
  				if(banknumber.value!=''){
					errorBox2.innerHTML='';
					return false;
				}
			});
			//未签约cvv2非空校验
			var cvv2box=document.getElementById("cvv2box");
			var errorBox3=document.getElementById("errortext3");
			cvv2box.onclick=function(){
				if(cvv2box.value==''){
					errorBox3.innerHTML='请填写cvv2';
					return false;
				}
			};
			$("#cvv2box").blur(function(){
				if(cvv2box.value!=''){
					errorBox3.innerHTML='';
					return false;
				}
			});
			//未签约手机号非空校验
			var telnumber=document.getElementById("telnumber");
			var errorBox4=document.getElementById("errortext4");
			telnumber.onclick=function(){
				if(telnumber.value==''){
					errorBox4.innerHTML='请填写手机号';
					return false;
				}
			};
			//未签约验证码非空校验
			var yanzhengma=document.getElementById("yanzhengma");
			var errorBox5=document.getElementById("errortext5");
			yanzhengma.onclick=function(){
				if(yanzhengma.value==''){
					errorBox5.innerHTML='请输入验证码';
					return false;
				}
			};
			//解除签约银行卡号非空校验
			var banknumb=document.getElementById("banknumb");
			var errorBox6=document.getElementById("errortext6");
			banknumb.onclick=function(){
				if(banknumb.value==''){
					errorBox6.innerHTML='请输入卡号';
					return false;
				}
			};
			//解除签约CVV2非空校验
			var telinput1=document.getElementById("telinput1");
			var errorBox7=document.getElementById("errortext7");
			telinput1.onclick=function(){
				if(telinput1.value==''){
					errorBox7.innerHTML='请填写cvv2';
					return false;
				}
			};
		};
		$("#nosubMit").click(function(){// 点击解除签约按钮弹出解除签约弹框
			//解约
				var bank_cardno = $("#bankcardno").val();
				var cvv2 = $("#telinput1").val();
				var customerId = $("#customerId").val();
				if ($.trim(bank_cardno)==""||isNaN(bank_cardno)) {//银行卡号
					return false;
				}
				if($.trim(cvv2)==""){//cvv2
					$("#errortext7").html("cvv2不能为空");
					$("#errortext7").show();
					return false;
				}else if(isNaN(cvv2)){
					$("#errortext7").html("cvv2不正确");
					$("#errortext7").show();
					return false;
				}
				var url = "${path}/ajax/toSignSPDB?bank_cardno="+bank_cardno+"&cvv2="+cvv2+"&signingFlag=2&customerId="+customerId;
				$.ajax({
					type:"post",
					url:url,
					async: false,
					dataType:"text",
					jsonp: "callback",
					success:function(data){
						if(data == "0000" || data == "030099" || data == "030098"){//解约成功
							$("#jieyueBox").hide();//当前显示box的关闭
							$("#hintBox").show();//带倒计时的解除签约成功盒子出现
							run();
						}else if(data == "030095" ||data == "030096"){//签约失败
							alert("cvv2不正确");
						}else{//解约失败
							document.getElementById("timer1").innerHTML = "5";
							$("#jieyueBox").hide();
							$("#messageBox").show();//带倒计时的解除签约成功盒子出现
							var run1 = window.setInterval("run1();", 1000);
							$("#run1").val(run1);
						}
					},
					error:function(){

					}
					});
				
			});
			$("#writeb").click(function(){//点击填写弹出未签约的弹层
				$("#messageBox").hide();//当前显示box的关闭
				$("#no-surpotbox").show();////未签约盒子出现
			});
			$("#submitBtn").click(function(){//已签约中的提交按钮
				var bank_cardno = $("#bankcardno").val();
				var code = $("#yzmBox").val();
				if ($.trim(bank_cardno)=="") {//银行卡号
					$("#errortext").html("卡号不能为空");
					$("#errortext").show();
					return false;
				}else if(isNaN(bank_cardno)) {
					$("#errortext").html("卡号不正确");
					$("#errortext").show();
					return false;					
				}else{
					$("#errortext").html("");
					$("#errortext").hide();
				}
				if ($.trim(code)==""){//验证码
					$("#errortext1").html("请输入验证码");
					$("#errortext1").show();
					return false;
				}else if(isNaN(code)){
					$("#errortext1").html("验证码不正确");
					$("#errortext1").show();
					return false;				
				}else{
					$("#errortext1").html("");
					$("#errortext1").hide();
				}
				//提交选中单选框
				document.getElementById("pay_400").checked=true;
				$("#payId").val($("#pay_400").val());
				$("#error_url").val("http://www.228.com.cn/nqt/common/errorMsg?code=3");
				$("#bankcardno").val(bank_cardno);
				$("#verifycode").val(code);
				$("#surpotbox").hide();//当前显示box的关闭
				$(".blackbox").hide();//最外层黑色半透明层隐藏
			});
			$("#nowriteBox").click(function(){//点击签约提示填写
				$("#noHint").hide();//当前显示box的关闭
				$("#no-surpotbox").show();////未签约盒子出现
			});
			$("#noSubmitBtn").click(function(){//未签约中的提交按钮
				var bank_cardno = $("#banknumber").val();
				var cvv2 = $("#cvv2box").val();
				var code = $("#yanzhengma").val();
				var customerId = $("#customerId").val();
				if ($.trim(bank_cardno)=="") {//银行卡号
					$("#errortext2").html("卡号不能为空");
					$("#errortext2").show();
					return false;
				}else if(isNaN(bank_cardno)){
					$("#errortext2").html("卡号不正确");
					$("#errortext2").show();
					return false;
				}else{
					$("#errortext2").html("");
					$("#errortext2").hide();
				}
				if($.trim(cvv2)==""){//cvv2
					$("#errortext3").html("CVV2不能为空");
					$("#errortext3").show();
					return false;
				}else if(isNaN(cvv2)){
					$("#errortext3").html("CVV2不正确");
					$("#errortext3").show();
					return false;
				}else{
					$("#errortext3").html("");
					$("#errortext3").hide();
				}
				if ($.trim(code)==""){//验证码
					$("#errortext5").html("请输入验证码");
					$("#errortext5").show();
					return false;
				}else if(isNaN(code)){
					$("#errortext5").html("验证码不正确");
					$("#errortext5").show();
					return false;
				}else{
					$("#errortext5").html("");
					$("#errortext5").hide();				
				}
				var url = "${path}/ajax/toSignSPDB?bank_cardno="+bank_cardno+"&cvv2="+cvv2+"&signingFlag=1&customerId="+customerId;
				$.ajax({
					type:"post",
					url:url,
					async: false,
					dataType:"text",
					jsonp: "callback",
					success:function(data){
						if(data == "0000" || data =="030089"){//签约成功
							//提交选中单选框
							document.getElementById("pay_400").checked=true;
							$("#bankcardno").val(bank_cardno);
							$("#verifycode").val(code);
							$("#pfBox").hide();//当前显示box的关闭
							$(".blackbox").hide();//最外层黑色半透明层隐藏
							$("#error_url").val("http://www.228.com.cn/nqt/common/errorMsg?code=3");
							$("#payId").val($("#pay_400").val());
							alert("签约成功，请点击支付");
						}else if(data == "030095" ||data == "030096"){//签约失败
							alert("cvv2不正确");
						}else if(data == "0"){
							alert("签约失败，已有用户绑定该卡");
						}else{
							alert("签约失败，请检查填写的信息");
						}
					},
					error:function(){

					}
					});
			});
			//未签约获取验证码
			$("#btn").click(function(){
				var bank_cardno = $("#bankcardno").val();
				if ($.trim(bank_cardno)==""||isNaN(bank_cardno)) {//银行卡号
					return false;
				}
				time(this);
				var url = "${path}/ajax/getCodeSPDB?bank_cardno="+bank_cardno;
				$.ajax({
					type:"post",
					url:url,
					dataType:"text",
					jsonp: "callback",
					success:function(data){
						if(data == "0000"){
							//alert("验证码已经发送");
						}else{
							//验证码发送失败
						}
					},
					error:function(){

					}
					});
			});
			//已签约获取验证码
			$("#btn1").click(function(){//点击签约提示填写
				var bank_cardno = $("#banknumber").val();
				var cvv2 = $("#cvv2box").val();
				if ($.trim(bank_cardno)=="" ||isNaN(bank_cardno)) {//银行卡号
					$("#errortext2").html("请输入卡号");
					$("#errortext2").show();
					return false;
				}
				time(this);
				var url = "${path}/ajax/getCodeSPDB?bank_cardno="+bank_cardno;
				$.ajax({
					type:"post",
					url:url,
					dataType:"text",
					jsonp: "callback",
					success:function(data){
						if(data == "0000"){
							//alert("验证码已经发送");
						}else{
							//验证码发送失败
						}
					},
					error:function(){

					}
					});
			});		
	};
	//跳转倒计时
	function run(){
	    var s = document.getElementById("timer");
	    if(s.innerHTML == 0){
	       	window.location.reload();//需要跳转的页面地址
	        return false;
	    }
	    s.innerHTML = s.innerHTML * 1 - 1;
	    window.setInterval("run();", 1000);
	}
	//跳转倒计时1
	function run1(){
	    var s = document.getElementById("timer1");
	    if(s.innerHTML == 0){
	    	window.clearInterval($("#run1").val());
	    	//重新输入解约信息
	       	infoError();
	        return false;
	    }
	    s.innerHTML = s.innerHTML * 1 - 1;
	    
	}
	//获取验证码倒计时
	var wait=60;
	function time(o) {
	    if (wait == 0) {
	        o.removeAttribute("disabled");  
	        o.value="重新获取";
	        wait = 60;
	        }else {
	            o.setAttribute("disabled", true);
	            o.value="倒计时(" + wait + "s)";
	            wait--;
	        setTimeout(function() {
	        time(o)
	        },1000)
	      }
 	}
 	//处理银行卡号格式
 	function card_style(str){
 		var str_end;
 		if(str!=null && str!="" && str!=undefined){
 			var str_before = "";
 			var str_after = str.substring(str.length-4,str.length);
 			for (var i = 0; i < str.substring(0,str.length-4).length; i++) {
				str_before += "*";
			}
			str_end = str_before+str_after;
 		}else{
 			str_end = str;
 		}
 		return str_end;
 	}
 	
	//刷新
	function refresh(){
		window.location.reload()
	} 
	function infoError(){
		window.clearInterval($("#run1").val());
		$("#jieyueBox").show();
		$("#messageBox").hide();
	} 	
</script>
<script>
(function(){
	
	var aBtn=document.getElementById('zidTabs').children;
	var aCon=document.getElementById('payNew-conts-show').children;
	for(var i=0; i<aBtn.length; i++)
	{
		aBtn[i].index=i;
		aBtn[i].onclick=function(){
			for(var i=0; i<aBtn.length; i++)
			{
				aBtn[i].className="";
				aCon[i].className="payNew-conts-showa undb";
			}
			this.className="select";
			aCon[this.index].className="payNew-conts-showa";
			
		};
	}
})();
$(function(){
	//银行选择
	$("input[name='bank']").click(function(){
		var orderId = $("#out_order_no").val();
		var payId = $('input:radio[name="bank"]:checked').val(); //支付ID
		var pay_type = $('input:radio[name="bank"]:checked').attr('payType');;
		$("#yfb_pay_code").val(payId); //放入表单
		$("#pay_type").val(pay_type); //放入表单
		//重新计算该订单需要的支付金额(如果存在支付折扣，金额要改变)
		var url = "http://pay.228.com.cn/pay/caculateTotalFee.do?order_id="+orderId+"&yfb_pay_code="+payId; 
		$.ajax({
			type:"get",
			url:url,
			dataType:"jsonp",
			jsonp: "callback",
			success:function(data){
    		$("#total_fee").val(data.originalDiscountFee);
    		$("#nzPrice").html(data.originalDiscountFee);
			},
			error:function(){
				//alert('vvv');
			}
			});
  		
		if(payId == 57120812){
			$("#return_url").val("${path}/payNew/weiXinPay?");
		}else{
			$("#return_url").val("${ylpwpath}/pay/paysucc.html?");
		}
		$(".payNew-btn-no").attr("class","payNew-btn");
		$(".payNew-btn").attr("id","ljzf");
			//提交支付
	$("#ljzf").click(function(){
		$("body").css({overflow:"hidden"});    //禁用滚动条
		$("#payCenter-box").show();			//展示弹出框
		$("#pageOverlays").show();//展示遮罩层
		var payment_id = $("#payment_id").val(); 
		var branch_name = $("#branch_name").val(); 
		var channel_code = $("#channel_code").val(); 
		var yfb_pay_code = $("#yfb_pay_code").val(); 
		var pay_type = $("#pay_type").val(); 
		var return_url = $("#return_url").val(); 
		var out_order_no = $("#out_order_no").val(); 
		var subject = $("#subject").val(); 
		var body = $("#body").val(); 
		var show_url = $("#show_url").val(); 
		var total_fee = $("#total_fee").val(); 
		var expire_time = $("#expire_time").val(); 
		var create_time = $("#create_time").val(); 
		var error_url = $("#error_url").val();
		var url = getPath()+"/payNew/createSign";
		var bank_cardno = $("#bankcardno").val();
		var verifyCode = $("#verifycode").val();
		$.post(url,{payment_id:payment_id,branch_name:branch_name,channel_code:channel_code,
		yfb_pay_code:yfb_pay_code,pay_type:pay_type,return_url:return_url,out_order_no:out_order_no,
		subject:subject,body:body,show_url:show_url,total_fee:total_fee,expire_time:expire_time,
		create_time:create_time,error_url:error_url,bank_cardno:bank_cardno,verifyCode:verifyCode},
		function(data){
			$("#sign").val(data);
			$("#payForm").submit();
			});
		
	});
	})	

//倒计时	
function showTime(){
	  	var NowTime = new Date('${nowDate}');
	  	timeRun(function(){
	  		var EndTime = new Date('${onlinetime}');
	  		var nMS = EndTime.getTime() - NowTime.getTime();   
	  		var nD  = Math.floor(nMS/(1000 * 60 * 60 * 24));  
	  		var nH  = Math.floor(nMS/(1000*60*60)) % 24;   
	  		var nM  = Math.floor(nMS/(1000*60)) % 60;   
	  		var nS  = Math.floor(nMS/1000) % 60; 
	  		var hD=nD.toString().length==1?"0"+nD:nD;
	  		var hH=nH.toString().length==1?"0"+nH:nH;
	  		var hM=nM.toString().length==1?"0"+nM:nM;
	  		var hS=nS.toString().length==1?"0"+nS:nS;
	  		if(hS>= 0){   
		  		$('.payNew-come-rig-sp2').text(hH + ':' + hM + ':' + hS);
		  		NowTime = new Date(NowTime.valueOf() + 1000);
	   			return true;
	  		}else{
	  			$('#pay_time_over').show();
	  			$('#order_succeed, #pay_lose').hide();
	  			$(".payNew-all").remove();
	  			return false;
	  		}
	  	},1000);
	  }
	//是支付限时的订单调用倒计时  
	var onlinetime = $("#onlinetime").val();
	var isPayFlag = $("#isPayFlag").val();
	if(onlinetime != null && onlinetime != undefined && onlinetime != "" && isPayFlag == 1){
		showTime();		
	}
	//超过支付时间
	if(isPayFlag == 0){
		$('#pay_time_over').show();
		$('#order_succeed, #pay_lose').hide();
	  	$(".payNew-all").remove();
	}
});
/** 时间计时通用函数 */
function timeRun(func,delay){
    var timeId = window.setInterval(function(){
		if(!func()){
			window.clearInterval(timeId);
		};
	},delay);
}	
</script>
<!-- <script type="text/javascript">
	window.onload=window.onresize=function(){
		var W=document.documentElement.clientWidth||document.body.clientWidth;
		var H=document.documentElement.clientHeight||document.body.clientHeight;
		var radioBank=document.getElementById("pfbank");
		var blackBox=document.getElementById("blackBox");
		
		radioBank.onclick=function(){
			alert(11111111111111);
			blackBox.style.width=100%;
			blackBox.style.height=H+"px";
			blackBox.style.display='block';
		};
	}
	
	
</script> -->
	<!-- 引入footer -->
	<%include("/common/footer.html",{}){}%>
	<!-- 引入公共js资源 -->
	<script type="text/javascript"
		src="${staticPath}/js/customer/customerAddress.js"></script>
	<%include("/common/bottom.html",{}){}%>
</body>
</html>
